<template>
  <div class="home">
    <!-- header start-->
    <div class="header">
      <span class="title">重庆信驰科技有限公司</span>
      <div>
        <el-link>招聘</el-link>
        <el-link>全职招聘</el-link>
        <el-link>房屋租赁</el-link>
        <el-link>生活服务</el-link>
        <el-link>物品交易</el-link>
      </div>
      <div>
        <el-button type="primary">发布消息</el-button>
        <el-button type="info">注册</el-button>
        <el-button type="danger">登录</el-button>
      </div>
    </div>
    <!-- header end-->
    <!-- content start -->
    <div>
      <div>标题1</div>
      <div>
        <span>title</span>
        <el-button type="primary">详情</el-button>
      </div>
    </div>
    <!-- content end -->
    <!-- footer start -->
    <div>
      <div>
        <el-link @click="gotoGov"
          >copyright (c) 1995-2009 CQXC.allright
          reserved.ICP备案号：渝ICP备09054615号-1</el-link
        >
      </div>
    </div>
    <!-- footer end -->
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: "Home",
  methods: {
    gotoGov() {
      window.open("https://beian.miit.gov.cn", "_blank");
    },
  },
};
</script>
<style lang="scss">
.header {
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  background-color: #f6f6f6;
  padding: 0 20px;
  .title {
    font-size: 24px;
    font-weight: bold;
  }
}
</style>
